<!-- 网站配置 -->
<template>
    <div>
        <a-card style="width:100%" :tab-list="tabListNoTitle" :active-tab-key="titleKey"
            @tabChange="key => onTabChange(key)">
            <div v-if="titleKey === 'menu'">
                <MenuConfig :type="2" :selectType="3" />
            </div>
            <div v-else-if="titleKey === 'banner'">
                <Banner :terminalType="2" :selectType="3" />
            </div>
            <div v-else-if="titleKey === 'management'">
                <Management />
            </div>
            <div v-else-if="titleKey === 'service'">
                <Service :terminalType="2" />
            </div>
            <a-button slot="tabBarExtraContent" type="primary" @click="handleShowFloorNav">楼层设置</a-button>
        </a-card>
        <FloorNav ref="floorNav" />
    </div>
</template>

<script>
// import Menu from './components/menu'
// import Banner from './components/banner'
import MenuConfig from '../../components/menuConfig'
import Banner from '../../components/banner'
import Management from './components/management'
// import Service from './components/service'
import Service from '../../components/service'
import FloorNav from './components/floorNav'
export default {
    components: {
        MenuConfig,
        Banner,
        Management,
        Service,
        FloorNav
    },
    data() {
        return {
            tabListNoTitle: [
                {
                    key: 'menu',
                    tab: '导航菜单',
                },
                {
                    key: 'banner',
                    tab: '首页轮播',
                },
                {
                    key: 'management',
                    tab: '资讯动态',
                },
                {
                    key: 'service',
                    tab: '会员服务',
                }
            ],
            titleKey: 'menu',
        }
    },
    computed: {},
    watch: {},
    methods: {
        onTabChange(key) {
            this.titleKey = key;
        },
        handleShowFloorNav() {
            this.$refs.floorNav.show()
        }
    },
    created() {

    },
    mounted() {

    },
}
</script>
<style scoped>
</style>